<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS Test: Run in - run-in property inheritance</title>
  <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
  <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
  <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/>
  <link rel="match" href="run-in-inherit-001-ref.xht"/>
  <meta name="flags" content="" />
  <meta name="assert"
        content="Tests property inheritance for run-ins, and margin collapsing
                 for the block following a run-in.  Should inherit from our content parent, and the margins should not collapse through a border."/>
  <style type="text/css"><![CDATA[
    div { display: block; }
    .run-in { display: run-in; font-weight: bold; border: inherit}
    #target { border: 2px solid black; color: black; margin: 2em; padding: 10px }
    #container { color: green; border: 10px outset orange; }
  ]]></style>
 </head>
 <body>
   <div id="container">
     <div class="run-in">Run-in header</div>
     <div id="target">Start of block.  The run-in header should be inside the
       border around this block, should be colored green, and should have an
       outset orange border.  There should be 2em of space on each side between
       the black border of the block and outset orange border around it.</div>
   </div>
 </body>
</html>
